import { Dropdown, Menu } from '../../components';

const menu =
  <Menu mode="horizontal" defaultSelectedKeys={['mail']}>
    <Menu.Item key="mail">
      Navigation One
    </Menu.Item>
    <Menu.SubMenu key="SubMenu" title="Navigation Two - Submenu">
      <Menu.Item key="two">
        Navigation Two
      </Menu.Item>
      <Menu.Item key="three">
        Navigation Three
      </Menu.Item>
      <Menu.ItemGroup title="Item Group">
        <Menu.Item key="four">
          Navigation Four
        </Menu.Item>
        <Menu.Item key="five">
          Navigation Five
        </Menu.Item>
      </Menu.ItemGroup>
    </Menu.SubMenu>
  </Menu>
;

export default function DropdownView() {
  return (
    <Dropdown overlay={menu}>
      <a onClick={e => e.preventDefault()}>
          Hover me
      </a>
    </Dropdown>
  );
}
